<script lang="tsx">
/**
 * 头像
 */
export default {
  name: "head-form"
}
</script>

<script lang="tsx" setup>
/**
 * 定义props
 */
const props = defineProps<{
  globalData: any
}>()
</script>

<template>
  <div class="head-form">
    <div class="head-container animate__animated animate__fadeInDown">
      <div class="container-head">
        <img alt="" class="container-head-image" src="/image/head.png"/>
      </div>
      <div class="container-content">
        <img alt="" class="content-quote" src="/image/icon/icon-quote-left.svg"/>
        <div class="content-logout">
          <div class="logout-title">
            随便写写笔记，记录大学脚印。
          </div>
          <div class="logout-text">
            Mia San Mia
          </div>
        </div>
        <img alt="" class="content-quote" src="/image/icon/icon-quote-right.svg"/>
      </div>
      <div class="container-link">
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped src="./index.scss">

</style>